body,
form,
h1,
h2,
h3,
h4,
h5,
h6,
html,
img,
li,
ol,
p,
table,
td,
th,
tr,
ul {
    border: 0;
    border-collapse: collapse;
    border-spacing: 0;
    list-style: none;
    margin: 0;
    padding: 0
}

html {
    overflow-y: scroll
}

body {
    font: 12px "Microsoft Yahei", Arial;
    line-height: 1.5
}

a {
    cursor: pointer;
    text-decoration: none
}

dl,
ol,
ul {
    list-style: none
}

input[disabled=disabled] {
    cursor: not-allowed;
    cursor: no-drop
}

.clearfix {
    zoom: 1
}

.clearfix:after,
.clearfix:before {
    content: "";
    display: table
}

.clearfix:after {
    clear: both
}

body {
    background-color: #f4f4f4
}

iframe {
    border: 0
}

img {
    vertical-align: middle
}

.f12 {
    font-size: 12px
}

.f14 {
    font-size: 14px
}

.f16 {
    font-size: 16px
}

.f18 {
    font-size: 18px
}

.f20 {
    font-size: 20px
}

.f24 {
    font-size: 24px
}

.fblue {
    color: #2070c3
}

.bg2 {
    background-color: #f4f4f4
}

.no-float {
    float: none
}

.w100 {
    width: 100%
}

.head {
    background: #fff;
    height: 183px
}

.head .logo {
    padding-top: 33px
}

.head .nav {
    display: inline-block;
    margin: 30px 0 14px
}

.head .nav a {
    color: #27282e;
    display: inline-block;
    font-size: 20px;
    margin: 0 35px;
    vertical-align: middle
}

.head .nav a:first-child {
    margin-left: 0
}

.head .nav a:last-child {
    margin-right: 0
}

.head .nav a:hover {
    color: #0164bd;
    font-weight: 700;
}

.head .nav a.active {
    color: #0164bd;
    font-weight: 700;
}

.head .search-wrap {
    position: absolute;
    right: 0;
    top: 30px
}

.head .search-wrap .search {
    margin-bottom: 30px;
    visibility: hidden
}

.head .search-wrap .search input {
    border: 1px solid #e4e4e4;
    border-radius: 3px;
    height: 36px;
    line-height: 36px;
    padding: 0 5px;
    vertical-align: middle;
    width: 219px
}

.head .search-wrap .search .btn-search {
    background: #0164bd;
    border: 0;
    border-radius: 3px;
    color: #fff;
    font-size: 14px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    transform: translateX(-5px);
    vertical-align: middle;
    width: 66px
}

.head .search-wrap .ic-search {
    background: #0164bd url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAYAAAEFCu8CAAAABGdBTUEAALGPC/xhBQAAADhlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAAqACAAQAAAABAAAAHKADAAQAAAABAAAAHAAAAABHddaYAAACJElEQVRIDe2WP0scURTFdzSxVYwhEUIKUUlwMU0aDSikSMBC0giCpNAPkG9gKwgqqDEpLCwEsUilpQqmCgGxUSxSCgr+weia4K7E1d/dvTO+2X2+3R1RiHjh7H333HPuW515MxuL2eI8G9NBj7ovKCIs8H+MYDMtjDiVuswnIR4Bia9wKZ+/RmbUIKiRETI3NMokWPe6mmGnjkvIBGIg5Lz5gi1HMhtffpyxrHDurNrHuSL4LTCeywe1GIPCWED3g32DCi9pNgKJz8AD9UC+6t+wsoQK8w5YLMFyt6T88Q/AP2CGnBh3qPqbr6KuUu6Lz+VlBAMg7yLDVYo5z+AT9A7AJ782sxgJz+SCpwDkEXhmNs2153n2XZn4QcaaYllDddn4kA7BIUiDF2oaEhPxKiS0FYhGM9Lsxx/SE63f2PRODuNLMTtF983b+Q/oxRgmrwN54B+DDSBXvLmUbxG63U0jg8qp50CH8nLeZsEaSIMm0A2eAoll8J6TkHmBClF0sFkdOAUSsokz0ExmlNkHd9wptjUxr+qAKVvfxqEfU88vW9/JYTxRc49TaDTRd6pH0kOjVXiJYUbNPwurswr0S+qZL9YT6DDKy3RFB/wmvw2aOQt6rWBXtXLnys0WLTC/Bts6zE8pFkm/0LxHbgMToN2125XHItfEIPmF0wKeA3lhbIIfHIMkWZ7zDaTvoBYkwDt6RV8S9NGCjeNgAVRHm/C/uy4AB6ka+CLeN3UAAAAASUVORK5CYII=) 50% no-repeat;
    border: 0;
    border-radius: 50%;
    float: right;
    height: 38px;
    line-height: 38px;
    margin-right: 5px;
    text-align: center;
    width: 38px
}

.banner {
    overflow: hidden
}

.foot {
    background: #1961ac;
    box-sizing: border-box;
    color: #fff;
    font-size: 18px;
    min-height: 318px;
    padding: 67px 0
}

.foot .link,
.foot .wrap {
    display: flex
}

.foot .link {
    flex-wrap: wrap;
    justify-content: space-between;
    width: 613px
}

.foot .link .select {
    flex: 1;
    height: 45px;
    position: relative;
    width: 286px
}

.foot .link .select-hd {
    background-color: #2b71b4;
    border: 1px solid #6395c7;
    border-radius: 4px;
    box-sizing: border-box;
    cursor: pointer;
    height: 45px;
    line-height: 25px;
    margin-bottom: 25px;
    padding-top: 8px;
    text-align: right;
    width: 286px
}

.foot .link .select-hd:after {
    border-bottom: 2px solid #fff;
    border-right: 2px solid #fff;
    content: "";
    display: inline-block;
    height: 9px;
    margin: 0 19px 0 10px;
    transform: rotate(45deg) translateY(-3px);
    width: 9px
}

.foot .link .select-bd {
    background-color: #fff;
    border: 1px solid #6395c7;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    box-sizing: border-box;
    display: none;
    left: 0;
    padding: 10px;
    position: absolute;
    top: 40px;
    width: 286px;
    z-index: 2;
    z-index: 3
}

.foot .link .select-bd a {
    border-top: 1px dashed #6395c7;
    color: #333;
    display: block;
    padding: 6px
}

.foot .link .select-bd a:first-child {
    border: 0
}

.foot .about {
    flex: auto;
    text-align: center
}

.foot .about a {
    color: #fff;
    font-size: 20px;
    line-height: 40px;
    text-align: center
}

.foot .qr {
    text-align: center;
    width: 100px
}

.foot .qr span {
    display: block;
    font-weight: 400;
    margin-top: 5px;
    font-size: 10px;
}

.foot-bt {
    margin-top: 27px;
    text-align: center
}

.foot-bt a {
    color: #fff;
    font-weight: 400
}

.wrap {
    margin: 0 auto;
    position: relative;
    width: 1336px;
    zoom: 1
}

.wrap:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden
}

.w1372 {
    width: 1372px
}

body {
    background: #fff
}

.banner .swiper {
    height: 100%;
    width: 100%
}

.banner .swiper-slide {
    align-items: center;
    background: #fff;
    display: flex;
    font-size: 18px;
    justify-content: center;
    text-align: center
}

.banner .swiper-slide img {
    display: block;
    height: 100%;
    object-fit: cover;
    width: 100%
}

.banner img {
    left: 50%;
    position: relative;
    transform: translateX(-50%)
}

.banner .swiper-pagination {
    bottom: 65px;
}

.banner .swiper-pagination-bullet {
    background: #fff;
    border-radius: 3px;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .5);
    height: 5px;
    opacity: .5;
    width: 60px
}

.banner .swiper-pagination-bullet-active {
    opacity: 1
}

.section {
    overflow: hidden;
    padding-top: 52px
}

.section-title {
    margin-bottom: 82px;
    text-align: center
}

.section-title-tp {
    color: #0164bd;
    font-size: 42px;
    line-height: 1;
    margin: 0 auto;
    text-align: center;
    width: 200px
}

.section-title-tp:after {
    background-color: rgba(1, 100, 189, .18);
    content: "";
    display: block;
    height: 14px;
    position: relative;
    top: -5px;
    width: 100%;
    z-index: 1
}

.section-title-bt {
    color: rgba(24, 77, 125, .35);
    display: inline-block;
    font-size: 28px;
    margin: 0 auto;
    position: relative
}

.section-title-bt:after,
.section-title-bt:before {
    background-color: rgba(24, 77, 125, .35);
    content: "";
    display: block;
    height: 2px;
    position: absolute;
    top: 20px;
    width: 20px
}

.section-title-bt:before {
    left: -30px
}

.section-title-bt:after {
    right: -30px
}

.section-content {
    margin: 0 auto;
    width: 1373px
}

.section-news {
    background: #fff;
    padding-bottom: 53px
}

.section-news .section-content {
    display: flex
}

.section-news .section-left {
    margin-right: 30px;
    width: 653px
}

.section-news .section-left .swiper-slide {
    position: relative;
    text-align: center;
    background-color: #fff
}

.section-news .section-left .swiper-slide .img {
    background-size: contain;
    height: 100%;
    width: 100%
}

.section-news .section-left .swiper-slide img {
    height: 343px;
    margin: 0 auto
}

.section-news .section-left .swiper-slide span {
    background-color: #0164bd;
    bottom: 0;
    color: #fff;
    display: block;
    font-size: 22px;
    height: 45px;
    left: 0;
    line-height: 45px;
    position: absolute;
    text-align: left;
    text-indent: 17px;
    width: 100%;
    z-index: 2
}

.section-news .section-left .swiper-pagination {
    bottom: 15px;
    box-sizing: border-box;
    left: 536px;
    text-align: right;
    width: 100px;
    z-index: 3
}

.section-news .section-left .swiper-pagination .swiper-pagination-bullet {
    background-color: #fff
}

.tabs {
    border-bottom: 2px solid #eef2f8
}

.tabs,
.tabs span {
    padding-bottom: 8px
}

.tabs span {
    border-bottom: 4px solid transparent;
    color: #333;
    cursor: pointer;
    font-size: 28px;
    line-height: 1;
    margin-right: 57px
}

.tabs span.active {
    border-bottom-color: #0164bd;
    color: #0164bd
}

.tabcon .items {
    display: none
}

.tabcon .items.active {
    display: block
}

.items .item {
    display: flex;
    margin-top: 18px
}

.items .item-time {
    background-color: #f6f6f6;
    color: #333;
    display: inline-block;
    font-size: 26px;
    line-height: 1.34;
    padding: 0px 10px 10px 17px
}

.items .item-time span {
    color: #8c8c8c;
    display: block;
    font-size: 16px;
    text-align: right;
    padding-top: 3px;
}

.items .item-con {
    margin-left: 18px
}

.items .item-con .tit:hover {
    color: #0164bd;
    font-weight: 700;
}

.items .item-con .tit {
    color: #333;
    font-size: 22px;
    font-weight: 500;
    margin-bottom: 7px
}

.items .item-con .con {
    color: #4d4d4d;
    font-size: 16px
}

.tabcon .items .item-con .tit {
    height: 30px;
    overflow: hidden;
    text-overflow: ellipsis
}

.tabcon .items .item-con .con {
    height: 24px;
    overflow: hidden;
    text-overflow: ellipsis
}

.swiper-news {
    background-color: #edc;
    float: left;
    height: 388px;
    margin-right: 30px;
    width: 653px
}

.section-special {
    background: url(493eafd7b516db6b81a9.jpg) top no-repeat;
    border-top: 1px dashed #e4e4e4;
    padding: 62px 0 104px
}

.section-special .swiper {
    margin-top: 55px;
    position: relative
}

.section-special .swiper-slide {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start
}

.section-special .swiper-slide a {
    margin-bottom: 20px;
    margin-right: 19px
}

.section-special .swiper-slide a:nth-child(3),
.section-special .swiper-slide a:nth-child(5) {
    margin-right: 0
}

.section-special .swiper-slide a:nth-child(4) {
    margin-right: 33px
}

.section-special .swiper-slide a img {
    vertical-align: middle
}

.section-special .swiper-button-next,
.section-special .swiper-button-prev {
    position: absolute;
    top: 81px
}

.section-social {
    background: url(162da5ab0da89a39d921.jpg) top no-repeat;
    padding: 60px 0 90px
}

.section-social .section-title-tp {
    color: #fff
}

.section-social .section-title-tp:after {
    background: hsla(0, 0%, 100%, .18)
}

.section-social .section-title-bt {
    color: hsla(0, 0%, 100%, .36)
}

.section-social .section-title-bt:after,
.section-social .section-title-bt:before {
    background: hsla(0, 0%, 100%, .36)
}

.section-social .section-content {
    display: flex;
    justify-content: space-between
}

.section-social .section-content .item {
    overflow: hidden;
    position: relative;
    width: 666px
}

.section-social .section-content .item .item-mask {
    background: rgba(25, 97, 172, .55);
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    transform: translateY(90%);
    transition: transform .5s ease-in-out
}

.section-social .section-content .item .item-mask .mask-bt {
    color: #fff;
    font-size: 28px;
    font-weight: lighter;
    line-height: 70px
}

.section-social .section-content .item .item-mask .mask-mid {
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center
}

.section-social .section-content .item .item-mask .mask-text {
    color: #fff;
    font-size: 32px
}

.section-social .section-content .item .item-mask .mask-btn {
    background: #0164bd;
    border-radius: 8px;
    color: #fff;
    display: inline-block;
    font-size: 20px;
    margin: 0 auto;
    padding: 8px 24px;
    width: 128px
}

.section-social .section-content .item:hover .item-mask {
    transform: translateY(0);
    transition: transform .5s ease-in-out
}

.section-social .section-content .item:hover .item-mask .mask-bt {
    display: none
}

.section-about {
    background: url(ddb5f87a01d43dc6695e.jpg) top no-repeat;
    padding-bottom: 64px
}

.section-about .section-left {
    color: #333;
    float: left;
    font-size: 18px;
    line-height: 37px;
    width: 700px
}

.section-about .section-left .about-intra {
    margin-bottom: 30px
}

.section-about .section-left .f24 {
    color: #0164bd
}

.section-about .section-right {
    float: right;
    transform: translateY(10px);
    width: 600px
}

.section-about .section-right img {
    width: 100%
}

.icon {
    background-image: url(data:image/png;base64,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);
    background-repeat: no-repeat;
    padding-left: 30px
}

.icon.icon-house {
    background-position: 0 7px
}

.icon.icon-address {
    background-position: 0 -32px
}

.icon.icon-zip {
    background-position: 0 -69px
}

.icon.icon-tel {
    background-position: 0 -106px
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        transform: translate3d(0, 100%, 0)
    }

    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        transform: translateZ(0)
    }

    to {
        opacity: 1;
        transform: translate3d(0, -100%, 0)
    }
}